/* screen - 1000 */ .climate-anchor-section .x1000 { align-items: center; background-color: var(--primaryutilitywhite); border: 1px none; display: flex; flex-direction: column; gap: 64px; height: 100vh; justify-content: center; min-height: 456px; min-width: 1000px; padding: 64px 104px; width: 100%; } .climate-anchor-section .x1000 .top-block { align-items: center; border: 1px none; display: flex; flex-direction: column; gap: 40px; width: 768px; } .climate-anchor-section .x1000 .heading-block { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 8px; } .climate-anchor-section .x1000 .headline { align-self: stretch; letter-spacing: 0.80px; line-height: 64px; margin-top: -1.00px; text-align: center; white-space: nowrap; } .climate-anchor-section .x1000 .climate-subhead { align-self: stretch; color: var(--dark); font-weight: 400; line-height: 32px; text-align: center; } .climate-anchor-section .x1000 .icon-row { align-items: flex-start; border: 1px none; display: flex; gap: 32px; width: fit-content; } .climate-anchor-section .x1000 .image { height: 40px; min-width: 40px; object-fit: cover; } .climate-anchor-section .x1000 .image-1 { height: 40px; min-width: 40px; } .climate-anchor-section .x1000 .anchor-links-container { align-items: center; border: 1px none; display: flex; gap: 12px; justify-content: center; margin-left: -6.50px; margin-right: -6.50px; width: fit-content; } .climate-anchor-section .x1000 .anchor-links-container-item { align-items: center; background-color: var(--lights--l1); border: 1px none; display: flex; gap: 16px; justify-content: center; padding: 12px 24px; width: fit-content; } .climate-anchor-section .x1000 .text { letter-spacing: 0; line-height: 24px; margin-top: -1.00px; text-align: center; white-space: nowrap; width: fit-content; } /* screen - 375 */ .climate-anchor-section .x375 { align-items: center; background-color: var(--primaryutilitywhite); border: 1px none; display: flex; flex-direction: column; gap: 56px; height: 100vh; justify-content: center; min-height: 572px; min-width: 375px; padding: 40px 32px; width: 100%; } .climate-anchor-section .x375 .frame-58 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 40px; } .climate-anchor-section .x375 .top-block-1 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 32px; } .climate-anchor-section .x375 .heading-block-1 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 16px; } .climate-anchor-section .x375 .headline-1 { align-self: stretch; color: var(--primarypurple); font-weight: 700; line-height: 40px; margin-top: -1.00px; text-align: center; } .climate-anchor-section .x375 .subhead-1 { align-self: stretch; color: var(--dark); font-weight: 400; line-height: 24px; text-align: center; } .climate-anchor-section .x375 .icon-row-1 { align-items: flex-start; border: 1px none; display: flex; gap: 32px; width: fit-content; } .climate-anchor-section .x375 .image-2 { height: 24px; min-width: 24px; object-fit: cover; } .climate-anchor-section .x375 .image-3 { height: 24px; min-width: 24px; } .climate-anchor-section .x375 .anchor-links-container-1 { align-items: center; border: 1px none; display: flex; flex-direction: column; gap: 12px; justify-content: center; width: 256px; } .climate-anchor-section .x375 .anchor-links-container-item-1 { align-items: center; align-self: stretch; background-color: var(--lights--l1); border: 1px none; display: flex; gap: 16px; justify-content: center; padding: 12px 24px; } .climate-anchor-section .x375 .text-1 { letter-spacing: 0; line-height: 24px; margin-top: -1.00px; text-align: center; white-space: nowrap; width: fit-content; } /* screen - 768 */ .climate-anchor-section .x768 { align-items: center; background-color: var(--primaryutilitywhite); border: 1px none; display: flex; flex-direction: column; gap: 56px; height: 100vh; justify-content: center; min-height: 588px; min-width: 768px; padding: 48px 64px; width: 100%; } .climate-anchor-section .x768 .top-block-2 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 32px; } .climate-anchor-section .x768 .heading-block-2 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 8px; } .climate-anchor-section .x768 .headline-2 { align-self: stretch; letter-spacing: 0.80px; line-height: 64px; margin-top: -1.00px; text-align: center; white-space: nowrap; } .climate-anchor-section .x768 .subhead-2 { align-self: stretch; color: var(--dark); font-weight: 400; line-height: 32px; text-align: center; } .climate-anchor-section .x768 .icon-row-2 { align-items: flex-start; border: 1px none; display: flex; gap: 32px; width: fit-content; } .climate-anchor-section .x768 .image-4 { height: 40px; min-width: 40px; object-fit: cover; } .climate-anchor-section .x768 .image-5 { height: 40px; min-width: 40px; } .climate-anchor-section .x768 .anchor-links-container-2 { align-items: center; border: 1px none; display: flex; flex-direction: column; gap: 12px; justify-content: center; width: fit-content; } .climate-anchor-section .x768 .anchor-links-container-item-2 { align-items: center; background-color: var(--lights--l1); border: 1px none; display: flex; gap: 16px; justify-content: center; padding: 12px 24px; width: 360px; } .climate-anchor-section .x768 .text-2 { letter-spacing: 0; line-height: 24px; margin-top: -1.00px; text-align: center; white-space: nowrap; width: fit-content; } /* screen - full-project */ .climate-anchor-section .full-project { align-items: center; background-color: var(--primaryutilitywhite); border: 1px none; display: flex; flex-direction: column; gap: 64px; height: 100vh; justify-content: center; min-height: 456px; min-width: 1440px; padding: 64px 220px; width: 100%; } .climate-anchor-section .full-project .top-block-3 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 40px; } .climate-anchor-section .full-project .heading-block-3 { align-items: center; align-self: stretch; border: 1px none; display: flex; flex-direction: column; gap: 8px; } .climate-anchor-section .full-project .headline-3 { align-self: stretch; letter-spacing: 0.80px; line-height: 64px; margin-top: -1.00px; text-align: center; white-space: nowrap; } .climate-anchor-section .full-project .subhead-3 { align-self: stretch; color: var(--dark); font-weight: 400; line-height: 32px; text-align: center; } .climate-anchor-section .full-project .icon-row-3 { align-items: flex-start; border: 1px none; display: flex; gap: 32px; width: fit-content; } .climate-anchor-section .full-project .image-6 { height: 40px; min-width: 40px; object-fit: cover; } .climate-anchor-section .full-project .image-7 { height: 40px; min-width: 40px; } .climate-anchor-section .full-project .anchor-links-container-3 { align-items: center; border: 1px none; display: flex; gap: 12px; justify-content: center; width: fit-content; } .climate-anchor-section .full-project .anchor-links-container-item-3 { align-items: center; background-color: var(--lights--l1); border: 1px none; display: flex; gap: 16px; justify-content: center; padding: 12px 24px; width: fit-content; } .climate-anchor-section .full-project .text-3 { letter-spacing: 0; line-height: 24px; margin-top: -1.00px; text-align: center; white-space: nowrap; width: fit-content; } @media screen and (max-width: 767px) { .climate-anchor-section .screen.x1000 { display: none; } .climate-anchor-section .screen.full-project { display: none; } .climate-anchor-section .screen.x768 { display: none; } } @media screen and (min-width: 768px) and (max-width: 999px) { .climate-anchor-section .screen.x1000 { display: none; } .climate-anchor-section .screen.full-project { display: none; } .climate-anchor-section .screen.x375 { display: none; } } @media screen and (min-width: 1000px) and (max-width: 1439px) { .climate-anchor-section .screen.full-project { display: none; } .climate-anchor-section .screen.x768 { display: none; } .climate-anchor-section .screen.x375 { display: none; } } @media screen and (min-width: 1440px) { .climate-anchor-section .screen.x1000 { display: none; } .climate-anchor-section .screen.x768 { display: none; } .climate-anchor-section .screen.x375 { display: none; } }